
// import ReactMarkdown from "react-markdown";
// import rehypeHighlight from "rehype-highlight";
// import { Terminal } from "lucide-react";
// import remarkGfm from 'remark-gfm';

// import "highlight.js/styles/atom-one-dark.css";
// import CopyButton from "./CopyButton";
// import 'github-markdown-css';
// const Markdown = ({ content }) => {
//   return (
//     <div  className="markdown-body" >
//         <ReactMarkdown remarkPlugins={[[remarkGfm, { singleTilde: false }]]}>{content}</ReactMarkdown>
//     </div>
//   );
// };

// export default Markdown;


import ReactMarkdown from "react-markdown";
import rehypeHighlight from "rehype-highlight";
import remarkGfm from 'remark-gfm';
import "highlight.js/styles/atom-one-dark.css";

const Markdown = ({ content }: { content: string }) => {
  return (
    <div className="markdown-container">
      <ReactMarkdown
        rehypePlugins={[rehypeHighlight, [remarkGfm, { singleTilde: false }]]}
        className="prose prose-zinc max-w-2xl dark:prose-invert "
      >
        {content}
      </ReactMarkdown>
    </div>

  );
};

export default Markdown;
